<template>
    <div>
        <h3>CHild</h3>
        <p>{{ title }}</p>
        <p v-for="name of names" :key="name">{{ name }}</p>
        <p>{{ age }}</p>
        <p v-for="v of user" :key="v">{{ v }}</p>
        <button @click="sendDataToParent">传递数据</button>
    </div>
</template>

<script>
export default {
    data () {
        return {}
    },
    // props只能父传子,子组件接收到的数据时只读的，不允许修改
    // props:['title', 'names', "age", 'user']
    props:{
        title:{
            type: String
        },
        names:{
            type:[Array, Object]
        },
        age:{
            type: Number,
            default: -1
        },
        // 数组和对象的默认值必须通过工厂函数返回
        user:{
            type: Object,
            default(){
                return {
                    name:'NoName',
                    age:-1
                }
            }
        },
        requireParam:{
            required: true
        }
    },
    methods:{
        sendDataToParent(){
            console.log("1111");
            this.$emit("someEvent", "test")
        }
    }
}
</script>

<style lang="scss" scoped>

</style>